<template>
<div>
  <van-search
      shape="round"
      disabled
      v-model="flag"
      placeholder="请输入搜索关键词"
      input-align="center"
  />
<!-- 菜单  -->
  <van-dropdown-menu>
    <van-dropdown-item v-model="value1" title="商品分类" :options="option1" />
    <van-dropdown-item v-model="value2" title="商品排序" :options="option2" />
    <van-dropdown-item title="选择城市" ref="item">
      <van-area title="城市" :area-list="areaList" />
    </van-dropdown-item>
  </van-dropdown-menu>
<!--  <list :list="itemLIst"></list>-->

</div>
</template>

<script>
import {mapState,mapGetters} from 'vuex'
import list from '../components/list'
export default {
  name: "class",
  components:{
    list
  },
  methods: {
  },
  computed:{
    ...mapGetters('school',['itemLIst']),
    ...mapState('myclass',['areaList','flag','value1','value2','option1','option2']),
  }
}
</script>

<style scoped>

</style>